<template>
	<view class="statement">
		<view class="list">
			<view class="line">
				<view class="list2 list-l bgf1" @click="_router('./codedetails')">
					<image src="/static/img/entrepot1.png" />
					<view>接收扫码商品</view>
				</view>
				<view class="list2 list-r bgf2" @click="_router('./auditdetails')">
					<image src="/static/img/entrepot2.png" />
					<view>质检扫描</view>
				</view>
			</view>
			<view class="line">
				<view class="list3 list-l">
					<view class="list1 bgf3">
						<image src="/static/img/entrepot3.png" @click="_router('./returnedgoods/list')"/>
						<view>退换货</view>
					</view>
					<view class="list1 bgf4">
						<image src="/static/img/entrepot4.png" @click="_router('./check/list')"/>
						<view>盘点</view>
					</view>
				</view>
				<view class="list3 list-r  bgf5" @click="_router('./rejects/list')">
					<image src="/static/img/entrepot5.png" />
					<view>次品库管理</view>
				</view>
			</view>
			<view class="line">
				<view class="list2 list-l bgf6">
					<image src="/static/img/entrepot6.png" />
					<view>取消订单</view>
				</view>
				<view class="list2 list-r bgf7">
					<image src="/static/img/entrepot7.png" />
					<view>断货订单</view>
				</view>
			</view>
			<view class="line">
				<view class="list3 list-l  bgf8">
					<image src="/static/img/entrepot8.png" />
					<view>未发货订单</view>
				</view>
				<view class="list3 list-r">
					<view class="list1 bgf9">
						<image src="/static/img/entrepot9.png" />
						<view>已发货订单</view>
					</view>
					<view class="list1 bgf10">
						<image src="/static/img/entrepot7.png" />
						<view>商品信息查看</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		_router(router) {
			uni.navigateTo({
			    url: router
			});
		}
	}
};
</script>

<style lang="less" scoped>
.list {
	padding: 51rpx 20rpx;
	.line {
		display: flex;
		width: 100%;
		margin-bottom: 21rpx;
		text-align: center;
		color: #ffffff;
		.bgf1 {
			width: 100%;
			background: linear-gradient(0deg, #a53ff4, #f78cd7);
		}
		.bgf2 {
			width: 100%;
			background: linear-gradient(0deg, #fd6988, #fd6563);
		}
		.bgf3 {
			width: 100%;
			background: linear-gradient(0deg, #fea84c, #efde4d);
		}
		.bgf4 {
			width: 100%;
			background: linear-gradient(0deg, #5b84d1, #7e60ec);
		}
		.bgf5 {
			width: 100%;
			background: linear-gradient(0deg, #ad96fe, #7e60ec);
		}
		.bgf6 {
			width: 100%;
			background: linear-gradient(0deg, #ec008c, #fc6767);
		}
		.bgf7 {
			width: 100%;
			background: linear-gradient(0deg, #c739e5, #fd96d6);
		}
		.bgf8 {
			width: 100%;
			background: linear-gradient(0deg, #ffa060, #fd6563);
		}
		.bgf9 {
			width: 100%;
			background: linear-gradient(0deg, #79dbf7, #40c9f0);
		}
		.bgf10 {
			width: 100%;
			background: linear-gradient(0deg, #f14b55, #fd8d94);
		}
		.list-r {
			width: 100%;
			margin-left: 24rpx;
		}
		.list1 {
			height: 225rpx;
			border-radius: 5rpx;
			padding-top: 40rpx;
			box-sizing: border-box;
			view {
				padding-top: 10rpx;
			}
			image {
				width: 90rpx;
				height: 90rpx;
			}
		}
		.list2 {
			height: 260rpx;
			flex: 1;
			border-radius: 5rpx;
			padding-top: 40rpx;
			box-sizing: border-box;
			view {
				padding-top: 32rpx;
			}
			image {
				width: 90rpx;
				height: 90rpx;
			}
		}
		.list3 {
			flex: 1;
			height: 489rpx;
		}
		.list3 .list1:nth-child(1) {
			margin-bottom: 39rpx;
		}
		.list3.bgf5,
		.list3.bgf8 {
			border-radius: 5rpx;
			padding-top: 155rpx;
			box-sizing: border-box;
			image {
				width: 90rpx;
				height: 90rpx;
			}
			view {
				padding-top: 40rpx;
			}
		}
	}
}
</style>
